<template>
    <div class="box">
    
        <img  v-lazy="item.scene_pic_url" alt="">
      
     <p>{{item.title}}</p>
     <p>{{item.subtitle}}</p>
     <p class="price">{{item.price_info | formarMoney}}</p>
    </div>
</template>

<script>
export default {
    name: "TopicChild",
    data() {
        return {

        };
    },
    // 使用props来接收父组件传递进来的数据  这里我们使用对象的形式
    props:['item']
};
</script>

<style scoped lang='less'>
  .box{
    text-align:center;
    img{
        width:100%;
    }
    p{
        font-size:16px;
        margin-top:20px;
    }
    .price{
        margin-bottom:20px;
        color:red;
    }
  }
</style>